body{ 
	margin-left:auto;
	margin-right:auto;
	width:70%;
	background-color:whitesmoke;
	border: white solid 8px;
}

.hh {
	margin: 10px 0px 0px 10px ;
	vertical-align: bottom;
}
.mainContainer
{
}

/*#bg-img{ position:absolute; height:100%; width:100%; margin:0; padding:0; z-index:-1; min-width:1280px; min-height:650px}
#login-img{ position:absolute; height:100%; width:100%; margin:0; padding:0; z-index:-1}
a:link{ color:#00f; text-decoration:underline}
a:visited{ color:#505abc}
a:hover{ color:#1d60ff; text-decoration:none}
a:active{ color:#12eb87}
p, ul{ margin-bottom:20px; line-height:1.6em}
header, 
footer, 
nav, 
section{ display:block}
img { border:0 }

 LOGIN SCREEN ----------------------------------------------------------
#centeredDiv { margin-right: auto; margin-left: auto; width: 950px; font-family:tahoma,Verdana,Helvetica,Sans-Serif}
#login-block { background:url("images/login-block.png") no-repeat; width:595px; height:248px; margin:0 auto; padding-top:30px}
#loginButton { background:url("images/btn-login.png") no-repeat; width:134px; height:39px;}
#frmLogin table tr td { text-shadow:0px 1px 0px #d3d3d3; font-weight:bold}
#frmLogin table tr td strong { color:#333}
#warningDiv {text-align:center; font-size:14px; font-weight:bold; text-shadow:0px 1px 0px #d3d3d3; color:#333}
#topHead{height:150px;}

 HEADINGS ----------------------------------------------------------
h1, h2, h3, h4, h5, h6{ font-size:1em; color:#000}
h1{ font-size:2em; padding-bottom:0; margin-bottom:0}
h2{ padding:0 0 10px 0}
h3{ font-size:1.2em}
h4{ font-size:1.1em}
h5, h6{ font-size:1em}

 PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------
 you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. 
.page{ width:100%; margin-left:auto; margin-right:auto; min-width:1280px}
header, #header{ background:#ccc url("images/bg-header.gif") repeat-x top; position:relative; margin-bottom:0px; color:#000; padding:0}
header h1, #header h1{ font-weight:bold; padding:5px 0; margin:0; color:#fff; border:none; line-height:2em; font-size:32px !important; text-shadow:1px 1px 2px #111}
#main{ padding:10px 10px 15px 10px; background-color:transparent;  border-radius:4px 0 0 0; -webkit-border-radius:4px 0 0 0; -moz-border-radius:4px 0 0 0; }

footer, 
#footer{ background-color:#fff; color:#999; padding:10px 0; text-align:center; line-height:normal; margin:0 0 30px 0; font-size:.9em; border-radius:0 0 4px 4px -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px}


#footer {
    background: url("../../../assets/image/_Shared/footer-bg.png") no-repeat scroll center top transparent;
    color: #757575;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 95%;
    height: 148px;
    width: 991px;
}

ul#menu{ padding:0; margin:0; position:relative;background:#5d5d5d; min-width:1280px; 
         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;list-style-type:none; }
ul#menu li{ float:left;  border-right:1px solid #111; border-left:1px solid #666;}
ul#menu li#greeting{ padding:5px; font-weight:bold; color:#fff}
ul#menu li a { padding:8px 10px 8px 11px; border-bottom:7px solid #414141; font-weight:bold; 
			   background-color:#5d5d5d;font-size:16px; font-weight:bold ; text-align:center; text-decoration:none;
			   color:#fff; text-shadow:0px 2px 0px #000; display:block; outline:none}
ul#menu li a span { display:block; font-size:10px; line-height:15px; margin-top:5px; text-shadow:0px 1px 0px #000}
ul#menu li a:hover, ul#menu li.selected a{ background-color:#2f2f2f; color:#ff9900; padding-top:13px; 
                                           text-decoration:none; margin-top:-5px; border-bottom:7px solid #111}
ul#menu li:hover ul { display:block}
ul#menu li a:hover span { color:#fff}
ul#menu li a:active{ text-decoration:none}
ul#menu li#mnuHome { width:3.5%; background:#f90; border:0;}
ul#menu li#mnuHome a {background:#f90; padding:8px 0 5px; text-align:center; border-bottom:7px solid #c60}
ul#menu li#mnuHome a:hover {margin:0; padding:8px 0 5px; }
ul#menu li#mnuHome a img { border:0}
ul#menu li#mnuIncident { width:16%; border-left:0; }
#mnuIncident a {background:url("images/home-bg-side.png") no-repeat bottom left}
#mnuGeographic { width:17%} 
#mnuAccountIndex { width:16%}
#mnuRecordManagement { width:16%}
#mnuAudittrail { width:14.6%}
#mnuSetup { width:16%}

div.shadow-nav img { width:100%;}

 SUB MENU 
ul#menu li ul{padding:0 0 2px; position:absolute; z-index:99999; margin:0; text-align:left; display:none;list-style-type:none}
ul#menu li ul li{ float:none}
ul#menu li ul li#greeting{ padding:10px 20px; font-weight:bold; text-decoration:none; line-height:2.8em; color:#fff}
ul#menu li ul li a{ padding:5px 10px 5px 30px; text-decoration:none; height:20px; border:0; margin:0; 
                    border-bottom:1px solid #282828; font-size:14px; font-weight:normal; text-align:left; 
                    background:#2f2f2f url("images/bg-subnav.gif") no-repeat left; outline:none}
ul#menu li ul li a:hover, ul#menu li ul li.selected a
{ background-color:#CCC; text-decoration:none; padding:5px 10px 5px 30px;  border:0; margin:0; 
  border-bottom:1px solid #282828; text-shadow:none; 
  background:#666 url("images/bg-subnav-hover.gif") no-repeat left;}
ul#menu li ul li a:active{ text-decoration:none}

 ICON MAIN PAGE ----------------------------------------------------------
#main-icon { list-style-type:none; margin:0; padding:0; width:1280px; margin:0 auto}
#main-icon li { float:left; width:400px; height:200px; text-align:center;  }
#main-icon li div {width:177px; height:159px;margin:0 auto; position:relative;}
#main-icon li div a { text-decoration:none; display:block; }
#main-icon li span { font-size:18px; color:#333; text-shadow:0 1px 0 #ccc}
#main-icon li div:hover ul { display:block}
#main-icon li div a img { border:0}
#main-icon li ul { margin:0; padding:0; list-style-type:none; display:none; position:absolute; top:-20px; left:10px}
#main-icon li ul li { background:none; padding:3px 5px; height:23px; width:150px; float:none;  }
#main-icon li ul li a { height:20px; display:block; background:#5d5d5d; padding:2px 10px 6px; color:#fff; 
                        text-shadow:0 1px 0 #2f2f2f; border:1px solid #2f2f2f }
#main-icon li ul li a:hover { background:#2f2f2f; color:#f90}

#main-icon li ul li#sub-icon1 { position:absolute; top:-5px; left:95px}
#main-icon li ul li#sub-icon2 { position:absolute; top:20px; right:10px}
#main-icon li ul li#sub-icon3 { position:absolute; top:55px; left:25px}
#main-icon li ul li#sub-icon4 { position:absolute; top:105px; right:25px}
#main-icon li ul li#sub-icon5 { position:absolute; bottom:45px; left:45px}

 PAGE ELEMENTS ----------------------------------------------------------
.title-page { background:#2f2f2f; padding:8px 20px 8px 10px; font:20px tahoma,Verdana,Helvetica,Sans-Serif; 
              margin-bottom:15px; color:#f90; display:inline-block; margin-left:-10px;
              border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; -moz-border-radius:0 20px 20px 0;  }
#no-access { margin:30px auto 0; width:400px; background:#ccc; text-align:center; padding:15px; text-align:left; 
             border:2px solid #666;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#no-access h1 { color:#900; text-shadow:0px 1px 0px #fff; margin:0; margin-bottom:20px}
.editLink a, .editAccount a, .editRecipient a, .editShift a, .editTeam a { background:url("images/icon-edit.png") no-repeat; width:20px; height:20px; display:block}
.deleteLink a, .deleteAccount a, .deleteRecipient a, .deleteShift a, .deleteTeam a { background:url("images/icon-remove.png") no-repeat; width:20px; height:20px; display:block}
.editLink a:hover, .editAccount a:hover, .editRecipient a:hover, .editShift a:hover, .editTeam a:hover { background:url("images/icon-edit-hover.png") no-repeat; width:20px; height:20px; display:block}
.deleteLink a:hover, .deleteAccount a:hover, .deleteRecipient a:hover, .deleteShift a:hover, .deleteTeam a:hover { background:url("images/icon-remove-hover.png") no-repeat; width:20px; height:20px; display:block}
.title-contentbox {padding:5px;background-color:#5d5d5d; color:#fff; border:solid 1px #CCC}
 FORM LAYOUT ELEMENTS ----------------------------------------------------------
fieldset{ border:1px solid #ddd; padding:0 1.4em 1.4em 1.4em; margin:0 0 1.5em 0}
legend{ font-size:1.2em; font-weight:bold}
textarea{ min-height:75px}
input[type="text"], 
input[type="password"]{ border:1px solid #ccc; padding:2px; font-size:1.2em; color:#444; width:200px}
select{ border:1px solid #ccc; padding:2px; font-size:1.2em; color:#444}
input[type="submit"]{ font-size:1.2em; padding:5px}

 TABLE
----------------------------------------------------------
table{}
table td{}
table th{}

 MISC 
----------------------------------------------------------
.clear{ clear:both}
.error{ color:Red}
.leftfloater{ float:left}
.rightfloater{ float:right}
.nofloat{ float:none}
.nofloatforce{ float:none !important}

nav, 
#menucontainer{ margin-top:42px;  clear:both}
div#title{ display:block; float:left; text-align:left; border:none}
#logindisplay{ font-size:1.1em; display:block; text-align:right; padding:10px 10px 10px 105px; color:#333; 
               background:url("images/bg-useraccount.png") no-repeat right; float:right;
               font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#logindisplay a:link{ color:#333; text-decoration:none}
#logindisplay a:visited{ color:#333; text-decoration:none}
#logindisplay a:hover{ color:#333; text-decoration:none}
.loadingtextfield{ background:url("images/loading.gif") no-repeat center right}

 Styles for validation helpers
-----------------------------------------------------------
.field-validation-error{ color:#f00}
.field-validation-valid{ display:none}
.input-validation-error{ border:1px solid #f00; background-color:#fee}
.validation-summary-errors{ font-weight:bold; color:#f00}
.validation-summary-valid{ display:none}

 Styles for editor and display helpers
----------------------------------------------------------
.display-label, 
.editor-label{ margin:1em 0 0 0}
.display-field, .editor-field{ margin:0.5em 0 0 0}
.text-box{ width:30em}
.text-box.multi-line{ height:6.5em}
.tri-state{ width:6em}

.cmbShiftEntry
{
    cursor:pointer;
    color:Blue;
    font-weight:bold; 
}*/